<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>用户首页</title>
</head>

<body>

  <div>
    <a href="login.html">返回登录</a>
    |
    <a href="notepad.html">记事本</a>
    |
    <button id="btnLogout">安全退出</button>
    <br>

    <img id="imgUser" src="../../images/batman-logo-04.jpg" style="width: 5rem;" alt="">
    <span id="spName"></span>
    -
    <span id="spNickname"></span>
    (
    <span id="spSex"></span>
    )
    注册天数：<span id="spRegDay"></span>
  </div>

  <hr>

  <button id="btnShowModify">修改个人资料</button>

  <div id="divInfo">
    用户头像地址: <input type="text" id="txt_img"><br>
    用户描述信息: <input type="text" id="txt_info"><br>
    用户姓名: <input type="text" id="txt_nickname"><br>
    QQ: <input type="text" id="txt_qq"><br>
    微信: <input type="text" id="txt_wechat"><br>
    性别:
    <label>
      <input type="radio" id="sexm" name="sex">男
    </label>
    <label>
      <input type="radio" id="sexf" name="sex">女
    </label>
    <label>
      <input type="radio" id="sexn" name="sex">保密
    </label>
    <br>
    <button id="btnSave">保存</button>
    <button onclick="divInfo.style.display = 'none';">关闭</button>
  </div>

  <!-- 修改邮箱的部分 -->
  <button id="btnShowEmail">绑定邮箱</button>
  <div id="divModifyEmail">
    <input type="text" id="txt_email" placeholder="邮箱">
    <button id="btnSendEmail">发送邮箱验证码</button>
    <br>
    <input type="text" id="txt_email_code" placeholder="验证码">
    <button id="btnSaveEmail">保存</button>
    <button onclick="divModifyEmail.style.display = 'none';">关闭</button>
  </div>


  <script type="module" src="./js/main.js"></script>
</body>

</html>